<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <input type="text" placeholder="请输入金额" id="money">
    <button onclick="charge()">不充值 你会变强吗？</button><br>
    <button onclick="add()">向数组尾部添加内容</button>
    <button onclick="del()">从数组尾部删减内容</button>
    <button onclick="shi()">从数组头部删减内容</button>
    <button onclick="uns()">向数组头部添加内容</button>
    <script>
        // function声明函数
        function charge(){
            //控制台打印数据
            // console.log(document.getElementById('money').value);
            // alert('充值成功！充值金额：'+document.getElementById('money').value+'元')
            let qian = document.getElementById('money').value;
            if(qian>=100){
                alert('充值成功！充值金额：'+ qian +'元')
            }else{
                alert('只有'+ qian +'块 不行不行')
            }
        }
        //let声明变量
        //字符串用引号
        let str1 = 'wala';
        console.log(str1);

        //数字
        let num1 = 21;
        console.log(num1);

        //布尔类型
        let wude = false;
        console.log(wude);

        //复制出的是指针，不是数据本身
        //数组
        let arr1 = [1,2,3,4,'y',true];
        console.log(arr1);
        //对象
        let person = {
            name: 'bb',
            age: 28,
            sex: '女'
        };
        console.log(person);
        // 获取对象属性值
        // console.log(person.name);
        // console.log(person['name']);
        // name为变量
        // let name = 'age';
        // console.log(person[name]);

        //点击按钮，向数组添加内容
        function add(){
            //从最后面加入
            arr1.push('last');
            console.log(arr1);
        }
        //点击按钮，从数组中删减内容
        function del(){
            //删除最后一项
            arr1.pop();
            console.log(arr1);
        }
        //点击按钮，从数组中删减内容
        function shi(){
            //删除最前面一项
            arr1.shift();
            console.log(arr1);
        }
        //点击按钮，向数组添加内容
        function uns(){
            //向头部添加
            arr1.unshift('one');
            console.log(arr1);
        }
    </script>
</body>
</html>